import './assets/main.css'
import Vant from 'vant';
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
// 该插件会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10
import 'lib-flexible/flexible'

// assets中的定义css文件
// base.css定义使用css变量 main.css引用base.css
import './assets/main.css'
import './assets/font.css'
// common/style中样式
// common/style/theme.css定义覆盖vant的样式
// common/style/mixin.less定义less混入的函数 及 变量
import './common/style/theme.css'
import 'vant/lib/index.css';

const app = createApp(App);


app.use(Vant)
app.use(createPinia())
app.use(router)

// 全局过滤器
// vue3可以挂载到vue实例上的方式,全局可以通过this.$filters使用
app.config.globalProperties.$filters = {
  prefix(url) {
    if (url && url.startsWith('http')) {
      return url
    } else {
      url = `http://backend-api-01.newbee.ltd${url}`
      return url
    }
  }
}

app.mount('#app')
